<%@ include file="/WEB-INF/controllers/configuration/includes.jsp" %>

<div id="divListUser">
	<div>
		<table id="dgListUser"></table>
	</div>
</div>

<script type="text/javascript">

$(function() {
	$.ajaxSetup({
		 error: errorGeneral,
		 type: 'POST'
		});
	init();
});

function init(){
	dgListado();
}

function dgListado(){
	  $("#dgListUser").flexigrid({
			title: 'Listado de usuarios',
			
	    	colModel : [
				{display: 'Nombre', 	name : 'name',	width : 150, 	sortable : false, 	align: 'left'},
				{display: 'Apellidos',	name : 'surname', 	width : 150, 	sortable : false, 	align: 'left'}
			],
	
			sortorder: "desc", // Tipo de orden. Hay que indicar el orden por defecto "asc" o "desc".
			
			
			usepager: false, // Permite visualizar la barra de busqueda y paginaci�n.
			singleSelect: true,
			
			useRp: true, // Permite el uso del atributo 'rp'.
			rp: 10, // n�mero de elementos que se muestran por defecto.
			showTableToggleBtn: false, // Apariencia de los botones.
			rpOptions: [5,10],
			 
			// Anchura y altura respectivamente del datagrid.
			width: '345',
			height: 300,
			resizable: false,
		
			// Mensaje que se muestra mientras se cargan los datos.
			procmsg: 'Cargando',
	
			pagestat: '<span class="letraNegrita">{total}</span> Usuarios.'+
					' Mostrando <span class="letraNegrita">{from}</span> '+
						'al <span class="letraNegrita">{to}</span> .',
			
			// Muestra informaci�n con el datagrid vacio
			nomsg: 'No hay usuarios',
			
			// Informaci�n sobre el n�mero de p�ginas
			pagetext:'Pagina',
			outof: 'de',
			
			// Buscar
			findtext: 'buscar',
			
			// Controlador donde se cargar�n los datos del datagrid
			url: '<c:url value="/privado/listUserDgAjax.do"/>',
			dataType: 'json',
			async: false,
			
			//Oculta el bot�n que permite mostrar y ocultar las columnas.
			showToggleBtn: false,
		});   
	}
	
	function recargarDg() {
		var url = '<c:url value="/privado/listUserDgAjax.do"/>';
		$('#dgListUser').flexOptions({url:url});
		$('#dgListUser').flexReload();
	}
	
</script>
